/*
 * @Descripttion:
 * @Author: liujing
 * @Date: 2021-04-08 10:18:15
 * @LastEditTime: 2021-09-03 16:51:26
 */
import React from "react";
import {
  View,
  Image,
  Text,
  ImageBackground,
  TouchableOpacity,
} from "react-native";
import styles from "../../css/style";
import { HomeTabApp } from "../../router";

const Product = (props) => {
  const nextBtn = () => {
    props.navigation.push("CheckFirst");
  };

  const preBtn = () => {
    // props.navigation.goBack();
    alert(1);
  };

  return (
    <View style={{ flex: 1 }}>
      <ImageBackground
        source={require("../../images/nav.jpg")}
        style={styles.image}
      >
        <TouchableOpacity onPress={preBtn} style={styles.preBtn}>
          <Image
            source={require("../../images/left.png")}
            style={styles.Icon}
          />
        </TouchableOpacity>
        <View style={styles.navView}>
          <Text style={styles.navText}>产品介绍</Text>
        </View>
        <TouchableOpacity onPress={nextBtn} style={styles.btn}>
          <Image
            source={require("../../images/phone.png")}
            style={styles.Icons}
          />
        </TouchableOpacity>
        <TouchableOpacity onPress={preBtn} style={styles.btn3}>
          <Image
            source={require("../../images/service/kefu.png")}
            style={styles.Icon3}
          />
        </TouchableOpacity>
      </ImageBackground>
      <HomeTabApp />
    </View>
  );
};
export default Product;
